<template>
 <div class="footer-btn-group" @click="btnClick">
       <div class="footer-btn-text">{{text}}</div>
    </div>
</template>

<script type="text/ecmascript-6">
 export default {
 //接收父级传递的参数
  props:{
    text:{
      type:String,
      default:"确定挂卖"
    }
  },
 //监听数据变化
  watch:{},
   data() {
     return {

     }

   },
//实例初始化之前触发事件
   beforeCreate(){},
//实例化之后触发事件
   created(){},
//实时监控data参数数据变化
   computed:{},
 //模板组件
   components: {

   },
//执行方法
   methods:{
     btnClick(){
       this.$emit('btn-click')
     }
   },
   mounted(){},
//路由退出时候调用
   //beforeRouteLeave(to, from, next){next()}
 }
</script>

<style scoped lang="less">
.footer-btn-group{
   width: 100%;
   height:3.125rem;
   text-align: center;
   line-height: 3.125rem;
   color:#ffffff;
   background: #4f89fe;
   position:fixed;
   bottom: 0;
   left: 0;
}
 
 
</style>
